<!doctype html>
<html>

<head>
    <meta charset="utf-8"/>
    <link rel="apple-touch-icon" sizes="76x76" href="./assets/images/logo.png">
    <link rel="icon" type="image/png" href="./assets/images/c.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>Komplete</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport'/>
    <!-- Fonts and icons -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"/>
    <!-- CSS Files -->
    <link href="./assets/vendor/assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="./assets/vendor/assets/css/now-ui-kit.css?v=1.1.0" rel="stylesheet"/>
    <link href="./assets/styles/style.css" rel="stylesheet"/>
</head>

<body class="detail-page sidebar-collapse">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-primary fixed-top navbar-transparent " color-on-scroll="400">
    <div class="container">
        <div class="navbar-translate">
            <a class="navbar-brand" href="./" rel="tooltip" title="Komplete" data-placement="bottom" target="_blank">
                Komplete
            </a>
            <button class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-bar bar1"></span>
                <span class="navbar-toggler-bar bar2"></span>
                <span class="navbar-toggler-bar bar3"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse justify-content-end" id="navigation" data-nav-image="<?php bloginfo('template_url'); ?>/assets/images/blurred-image.jpg">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link btn btn-neutral" href="./">
                        <i class="now-ui-icons gestures_tap-01"></i>
                        <p>Komplete</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./kalendar" target="_blank">
                        <i class="now-ui-icons gestures_tap-01"></i>
                        <p>Kalendar</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./grapeapi" target="_blank">
                        <i class="now-ui-icons gestures_tap-01"></i>
                        <p>GraceApi</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./candy" target="_blank">
                        <i class="now-ui-icons gestures_tap-01"></i>
                        <p>Candy</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom" href="https://twitter.com/CreativeTim" target="_blank">
                        <i class="fa fa-twitter"></i>
                        <p class="d-lg-none d-xl-none">Twitter</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" rel="tooltip" title="Like us on Facebook" data-placement="bottom" href="https://www.facebook.com/CreativeTim" target="_blank">
                        <i class="fa fa-facebook-square"></i>
                        <p class="d-lg-none d-xl-none">Facebook</p>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" rel="tooltip" title="Follow us on Instagram" data-placement="bottom" href="https://www.instagram.com/CreativeTimOfficial" target="_blank">
                        <i class="fa fa-instagram"></i>
                        <p class="d-lg-none d-xl-none">Instagram</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!-- End Navbar -->
<div class="wrapper">
    <div class="page-header clear-filter" filter-color="orange">
        <div class="page-header-image" data-parallax="true" style="background-image: url('./assets/vendor/assets/img/header.jpg');"></div>
        <div class="container">
            <div class="content-center header-content">
                <span class="category">News</span>
                <h1 class="title">Header 2The Life of Now UI Kit</h1>
            </div>
            <div class="author-content">
                <img src="./assets/vendor/assets/img/avatar.jpg" alt="Thumbnail Image" class="rounded-circle img-raised">
                <p class="meta">by Nichole on March 2, 2018</p>
            </div>
        </div>
    </div>
    <div class="main container">
        <div class="section section-basic">
            <div class="article">
                <div class="body">
                    <p>
                        <span class="dropcap">奇</span>怪的是，浏览器的用户界面并没有任何正式的规范，这是多年来的最佳实践自然发展以及彼此之间相互模仿的结果。HTML5 也没有定义浏览器必须具有的用户界面元素，但列出了一些通用的元素，例如地址栏、状态栏和工具栏等。当然，各浏览器也可以有自己独特的功能，比如 Firefox 的下载管理器。
                    </p>
                    <p>
                        默认情况下，呈现引擎可显示 HTML 和 XML 文档与图片。通过插件（或浏览器扩展程序），还可以显示其它类型的内容；例如，使用 PDF 查看器插件就能显示 PDF 文档。但是在本章中，我们将集中介绍其主要用途：显示使用 CSS 格式化的 HTML 内容和图片。
                    </p>
                    <p>
                        呈现树构建完毕之后，进入“布局”处理阶段，也就是为每个节点分配一个应出现在屏幕上的确切坐标。下一个阶段是绘制 - 呈现引擎会遍历呈现树，由用户界面后端层将每个节点绘制出来。
                    </p>
                    <p>
                        默认情况下，呈现引擎可显示 HTML 和 XML 文档与图片。通过插件（或浏览器扩展程序），还可以显示其它类型的内容；例如，使用 PDF 查看器插件就能显示 PDF 文档。但是在本章中，我们将集中介绍其主要用途：显示使用 CSS 格式化的 HTML 内容和图片。
                    </p>
                    <p>
                        呈现树构建完毕之后，进入“布局”处理阶段，也就是为每个节点分配一个应出现在屏幕上的确切坐标。下一个阶段是绘制 - 呈现引擎会遍历呈现树，由用户界面后端层将每个节点绘制出来。
                    </p>
                    <p>
                        默认情况下，呈现引擎可显示 HTML 和 XML 文档与图片。通过插件（或浏览器扩展程序），还可以显示其它类型的内容；例如，使用 PDF 查看器插件就能显示 PDF 文档。但是在本章中，我们将集中介绍其主要用途：显示使用 CSS 格式化的 HTML 内容和图片。
                    </p>
                    <p>
                        呈现树构建完毕之后，进入“布局”处理阶段，也就是为每个节点分配一个应出现在屏幕上的确切坐标。下一个阶段是绘制 - 呈现引擎会遍历呈现树，由用户界面后端层将每个节点绘制出来。
                    </p>
                </div>
            </div>
        </div>

        <!--<div class="section" id="carousel">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-8">
                        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                            </ol>
                            <div class="carousel-inner" role="listbox">
                                <div class="carousel-item active">
                                    <img class="d-block" src="./assets/vendor/assets/img/bg1.jpg" alt="First slide">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>Nature, United States</h5>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <img class="d-block" src="./assets/vendor/assets/img/bg3.jpg" alt="Second slide">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>Somewhere Beyond, United States</h5>
                                    </div>
                                </div>
                                <div class="carousel-item">
                                    <img class="d-block" src="./assets/vendor/assets/img/bg4.jpg" alt="Third slide">
                                    <div class="carousel-caption d-none d-md-block">
                                        <h5>Yellowstone National Park, United States</h5>
                                    </div>
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                                <i class="now-ui-icons arrows-1_minimal-left"></i>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                <i class="now-ui-icons arrows-1_minimal-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>-->


        <div id="comments">
            <h3><a href="https://yimity.com/guestbook#comments">220 评论</a></h3>


            <!--<nav class="commentnavgation">
                <a class="prev page-numbers" href="https://yimity.com/guestbook/comment-page-10#comments">«</a>
                <a class="page-numbers" href="https://yimity.com/guestbook/comment-page-1#comments">1</a>
                <span class="page-numbers dots">…</span>
                <a class="page-numbers" href="https://yimity.com/guestbook/comment-page-9#comments">9</a>
                <a class="page-numbers" href="https://yimity.com/guestbook/comment-page-10#comments">10</a>
                <span class="page-numbers current">11</span>
            </nav>-->
            <nav class="commentnavgation">
                <ul class="pagination pagination-primary">
                    <li class="page-item active"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item"><a class="page-link" href="#">4</a></li>
                    <li class="page-item"><a class="page-link" href="#">5</a></li>
                </ul>
            </nav>

            <ul class="commentlist">
                <li class="comment even thread-even depth-1 clearfix" id="li-comment-8911">
                    <img alt="" src="https://secure.gravatar.com/avatar/264e3c27fcafd304015e4eb7a0361fb0?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/264e3c27fcafd304015e4eb7a0361fb0?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-8911">
                        <div class="comment-meta">
                            <span class="name"><a href="http://www.ohhyes.com" rel="external nofollow" class="url">小米</a></span> <span class="comment_mete_time">2011/12/24 21:48</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=8911#respond" onclick="return addComment.moveForm( &quot;comment-8911&quot;, &quot;8911&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给小米">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=8911">编辑</a></span>
                        </div>


                        <div class="text">
                            <p>这个windows phone 7 效果很好啊！！！！！</p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment byuser comment-author-yimity bypostauthor odd alt thread-odd thread-alt depth-1 clearfix" id="li-comment-8913">
                    <img alt="" src="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-8913">
                        <div class="comment-meta">
                            <span class="name"><a href="https://yimity.com" rel="external nofollow" class="url">一米</a></span> <span class="comment_mete_time">2011/12/29 14:19</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=8913#respond" onclick="return addComment.moveForm( &quot;comment-8913&quot;, &quot;8913&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给一米">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=8913">编辑</a></span>
                        </div>


                        <div class="text">
                            <p><a href="#comment-8911" rel="nofollow">@小米 </a><br> 谢谢，嘿嘿，那个还是半成品。
                            </p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment even thread-even depth-1 clearfix" id="li-comment-9323">
                    <img alt="" src="https://secure.gravatar.com/avatar/2fa539439e0f73f2ebe738fd833bc5ab?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/2fa539439e0f73f2ebe738fd833bc5ab?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-9323">
                        <div class="comment-meta">
                            <span class="name"><a href="http://little8.com/" rel="external nofollow" class="url">Jungle</a></span> <span class="comment_mete_time">2012/02/15 21:05</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=9323#respond" onclick="return addComment.moveForm( &quot;comment-9323&quot;, &quot;9323&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给Jungle">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=9323">编辑</a></span>
                        </div>


                        <div class="text">
                            <p>又换米了啊。</p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment odd alt thread-odd thread-alt depth-1 clearfix" id="li-comment-9324">
                    <img alt="" src="https://secure.gravatar.com/avatar/2fa539439e0f73f2ebe738fd833bc5ab?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/2fa539439e0f73f2ebe738fd833bc5ab?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-9324">
                        <div class="comment-meta">
                            <span class="name"><a href="http://little8.com/" rel="external nofollow" class="url">Jungle</a></span> <span class="comment_mete_time">2012/02/15 21:06</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=9324#respond" onclick="return addComment.moveForm( &quot;comment-9324&quot;, &quot;9324&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给Jungle">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=9324">编辑</a></span>
                        </div>


                        <div class="text">
                            <p>又换米了啊。页面很惊艳！ <img draggable="false" class="emoji" alt="💡" src="https://s.w.org/images/core/emoji/2.3/svg/1f4a1.svg"></p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment byuser comment-author-yimity bypostauthor even thread-even depth-1 clearfix" id="li-comment-9329">
                    <img alt="" src="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-9329">
                        <div class="comment-meta">
                            <span class="name"><a href="https://yimity.com" rel="external nofollow" class="url">一米</a></span> <span class="comment_mete_time">2012/02/16 08:14</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=9329#respond" onclick="return addComment.moveForm( &quot;comment-9329&quot;, &quot;9329&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给一米">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=9329">编辑</a></span>
                        </div>


                        <div class="text">
                            <p><a href="#comment-9324" rel="nofollow">@Jungle </a><br> 嘿嘿，谢谢，换米还是觉得 com 是正道啊。更重要的是比较适合。</p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment odd alt thread-odd thread-alt depth-1 clearfix" id="li-comment-12855">
                    <img alt="" src="https://secure.gravatar.com/avatar/9e8004e35040814af6d25b85ffb9dc06?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/9e8004e35040814af6d25b85ffb9dc06?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-12855">
                        <div class="comment-meta">
                            <span class="name"><a href="http://chenzimu.com" rel="external nofollow" class="url">臣子木</a></span> <span class="comment_mete_time">2012/05/17 08:34</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=12855#respond" onclick="return addComment.moveForm( &quot;comment-12855&quot;, &quot;12855&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给臣子木">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=12855">编辑</a></span>
                        </div>


                        <div class="text">
                            <p><img draggable="false" class="emoji" alt="😀" src="https://s.w.org/images/core/emoji/2.3/svg/1f600.svg"> 主题帅啊</p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment byuser comment-author-yimity bypostauthor even thread-even depth-1 clearfix" id="li-comment-12857">
                    <img alt="" src="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-12857">
                        <div class="comment-meta">
                            <span class="name"><a href="https://yimity.com" rel="external nofollow" class="url">一米</a></span> <span class="comment_mete_time">2012/05/17 09:06</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=12857#respond" onclick="return addComment.moveForm( &quot;comment-12857&quot;, &quot;12857&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给一米">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=12857">编辑</a></span>
                        </div>


                        <div class="text">
                            <p><a href="#comment-12855" rel="nofollow">@臣子木 </a><br> 嘿嘿，过奖过奖。
                            </p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment odd alt thread-odd thread-alt depth-1 clearfix" id="li-comment-14453">
                    <img alt="" src="https://secure.gravatar.com/avatar/dcb4168e903ef4040e1bb3fde3983b34?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/dcb4168e903ef4040e1bb3fde3983b34?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-14453">
                        <div class="comment-meta">
                            <span class="name"><a href="http://kuxi.in" rel="external nofollow" class="url">kuxi</a></span> <span class="comment_mete_time">2012/05/31 03:05</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=14453#respond" onclick="return addComment.moveForm( &quot;comment-14453&quot;, &quot;14453&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给kuxi">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=14453">编辑</a></span>
                        </div>


                        <div class="text">
                            <p>换页面了啊，呵呵。你这家伙用了一米这名字，我都没名字可用了，郁闷。上次用了你以前的inove主题后发现那个评论插件升级之后一直显示加载中，改了无数次都没效果，现在换了个单栏主题，感觉清爽多了。只是五月太忙，没时间更新，写的东西都存在电脑上，因为主题没有确定好，一直没有更新。感觉有点语无伦次了……</p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment byuser comment-author-yimity bypostauthor even thread-even depth-1 clearfix" id="li-comment-14478">
                    <img alt="" src="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-14478">
                        <div class="comment-meta">
                            <span class="name"><a href="https://yimity.com" rel="external nofollow" class="url">一米</a></span> <span class="comment_mete_time">2012/05/31 08:52</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=14478#respond" onclick="return addComment.moveForm( &quot;comment-14478&quot;, &quot;14478&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给一米">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=14478">编辑</a></span>
                        </div>


                        <div class="text">
                            <p><a href="#comment-12857" rel="nofollow">@一米 </a><br> 哈哈，很久不写博客，就会语无伦次的，嘿嘿。你的主题看起来也不错呢。
                            </p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment odd alt thread-odd thread-alt depth-1 clearfix" id="li-comment-14552">
                    <img alt="" src="https://secure.gravatar.com/avatar/dcb4168e903ef4040e1bb3fde3983b34?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/dcb4168e903ef4040e1bb3fde3983b34?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-14552">
                        <div class="comment-meta">
                            <span class="name"><a href="http://kuxi.in" rel="external nofollow" class="url">kuxi</a></span> <span class="comment_mete_time">2012/06/01 01:06</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=14552#respond" onclick="return addComment.moveForm( &quot;comment-14552&quot;, &quot;14552&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给kuxi">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=14552">编辑</a></span>
                        </div>


                        <div class="text">
                            <p>确实，以前疯狂的时候每天写，同时维护好几个博客，坐上半点钟，即使是闭门造车也能捣鼓篇象样的东西，现在感觉手生了，哈哈<a href="#comment-14478" rel="nofollow">@一米 </a></p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment byuser comment-author-yimity bypostauthor even thread-even depth-1 clearfix" id="li-comment-14596">
                    <img alt="" src="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-14596">
                        <div class="comment-meta">
                            <span class="name"><a href="https://yimity.com" rel="external nofollow" class="url">一米</a></span> <span class="comment_mete_time">2012/06/01 09:11</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=14596#respond" onclick="return addComment.moveForm( &quot;comment-14596&quot;, &quot;14596&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给一米">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=14596">编辑</a></span>
                        </div>


                        <div class="text">
                            <p><a href="#comment-14552" rel="nofollow">@kuxi </a><br> 手太生了啊，想老半天都不知道些什么呢。
                            </p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment odd alt thread-odd thread-alt depth-1 clearfix" id="li-comment-18142">
                    <img alt="" src="https://secure.gravatar.com/avatar/84cd11174c3e4f31318b54e6048606e0?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/84cd11174c3e4f31318b54e6048606e0?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-18142">
                        <div class="comment-meta">
                            <span class="name"><a href="http://dotww.com" rel="external nofollow" class="url">an9</a></span> <span class="comment_mete_time">2012/07/10 10:46</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=18142#respond" onclick="return addComment.moveForm( &quot;comment-18142&quot;, &quot;18142&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给an9">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=18142">编辑</a></span>
                        </div>


                        <div class="text">
                            <p>我来了。 <img draggable="false" class="emoji" alt="😀" src="https://s.w.org/images/core/emoji/2.3/svg/1f600.svg"></p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment byuser comment-author-yimity bypostauthor even thread-even depth-1 clearfix" id="li-comment-18162">
                    <img alt="" src="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-18162">
                        <div class="comment-meta">
                            <span class="name"><a href="https://yimity.com" rel="external nofollow" class="url">一米</a></span> <span class="comment_mete_time">2012/07/11 08:39</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=18162#respond" onclick="return addComment.moveForm( &quot;comment-18162&quot;, &quot;18162&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给一米">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=18162">编辑</a></span>
                        </div>


                        <div class="text">
                            <p><a href="#comment-18142" rel="nofollow">@an9 </a><br> 哈哈，欢迎欢迎。 <img draggable="false" class="emoji" alt="🙂" src="https://s.w.org/images/core/emoji/2.3/svg/1f642.svg"></p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment odd alt thread-odd thread-alt depth-1 clearfix" id="li-comment-31518">
                    <img alt="" src="https://secure.gravatar.com/avatar/9f40070a0eb2b25b48baf4ab378667d3?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/9f40070a0eb2b25b48baf4ab378667d3?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-31518">
                        <div class="comment-meta">
                            <span class="name">jishui</span> <span class="comment_mete_time">2014/10/24 20:46</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=31518#respond" onclick="return addComment.moveForm( &quot;comment-31518&quot;, &quot;31518&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给jishui">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=31518">编辑</a></span>
                        </div>


                        <div class="text">
                            <p>博主，不知道能否发放一枚Google inbox的邀请码？谢谢了！</p>
                        </div>
                    </div>
                </li>
                <ul class="children">
                    <li class="comment even depth-2 clearfix" id="li-comment-33013">
                        <img alt="" src="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                             height="38" width="38">
                        <div id="comment-33013">
                            <div class="comment-meta">
                                <span class="name"><a href="https://yimity.com" rel="external nofollow" class="url">一米</a></span> <span class="comment_mete_time">2014/11/18 15:56</span>
                                <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=33013#respond" onclick="return addComment.moveForm( &quot;comment-33013&quot;, &quot;33013&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给一米">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=33013">编辑</a></span>
                            </div>


                            <div class="text">
                                <p>额，好久没来了，不知道你还要不要？</p>
                            </div>
                        </div>
                    </li>
                    <!-- #comment-## -->
                </ul>
                <!-- .children -->
                <!-- #comment-## -->
                <li class="comment odd alt thread-even depth-1 clearfix" id="li-comment-36034">
                    <img alt="" src="https://secure.gravatar.com/avatar/0a9f1bf13f35e36f42aa1c58bfe1e91e?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/0a9f1bf13f35e36f42aa1c58bfe1e91e?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-36034">
                        <div class="comment-meta">
                            <span class="name"><a href="http://but.so" rel="external nofollow" class="url">小清博客</a></span> <span class="comment_mete_time">2015/01/18 00:00</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=36034#respond" onclick="return addComment.moveForm( &quot;comment-36034&quot;, &quot;36034&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给小清博客">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=36034">编辑</a></span>
                        </div>


                        <div class="text">
                            <p>永远有多久啊？一米</p>
                        </div>
                    </div>
                </li>
                <ul class="children">
                    <li class="comment byuser comment-author-yimity bypostauthor even depth-2 clearfix" id="li-comment-36036">
                        <img alt="" src="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/2cd017d1dcba182c216aa78ead86ee7a?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                             height="38" width="38">
                        <div id="comment-36036">
                            <div class="comment-meta">
                                <span class="name"><a href="https://yimity.com" rel="external nofollow" class="url">一米</a></span> <span class="comment_mete_time">2015/02/13 09:32</span>
                                <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=36036#respond" onclick="return addComment.moveForm( &quot;comment-36036&quot;, &quot;36036&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给一米">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=36036">编辑</a></span>
                            </div>


                            <div class="text">
                                <p>就是很远很远啊。</p>
                            </div>
                        </div>
                    </li>
                    <!-- #comment-## -->
                </ul>
                <!-- .children -->
                <!-- #comment-## -->
                <li class="comment odd alt thread-odd thread-alt depth-1 clearfix" id="li-comment-41916">
                    <img alt="" src="https://secure.gravatar.com/avatar/72847d3f577438aa6c46c981f47cf892?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/72847d3f577438aa6c46c981f47cf892?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-41916">
                        <div class="comment-meta">
                            <span class="name"><a href="http://www.iamlj.com/" rel="external nofollow" class="url">iamlj</a></span> <span class="comment_mete_time">2016/08/02 14:19</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=41916#respond" onclick="return addComment.moveForm( &quot;comment-41916&quot;, &quot;41916&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给iamlj">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=41916">编辑</a></span>
                        </div>


                        <div class="text">
                            <p>这个主题很简洁，蓝色主色调也利于思考。<br> 最感慨，我看了很多个站，现在一堆小年轻，做的清新博客。
                                <br> 博主是技术领域大叔级的前辈 ，还在坚持呢:grin:</p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment even thread-even depth-1 clearfix" id="li-comment-41917">
                    <img alt="" src="https://secure.gravatar.com/avatar/72847d3f577438aa6c46c981f47cf892?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/72847d3f577438aa6c46c981f47cf892?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-41917">
                        <div class="comment-meta">
                            <span class="name"><a href="http://www.iamlj.com/" rel="external nofollow" class="url">iamlj</a></span> <span class="comment_mete_time">2016/08/02 14:20</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=41917#respond" onclick="return addComment.moveForm( &quot;comment-41917&quot;, &quot;41917&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给iamlj">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=41917">编辑</a></span>
                        </div>


                        <div class="text">
                            <p><img draggable="false" class="emoji" alt="😯" src="https://s.w.org/images/core/emoji/2.3/svg/1f62f.svg"> <img draggable="false" class="emoji" alt="😯" src="https://s.w.org/images/core/emoji/2.3/svg/1f62f.svg"> <img draggable="false"
                                                                                                                                                                                                                                                      class="emoji" alt="😯" src="https://s.w.org/images/core/emoji/2.3/svg/1f62f.svg"> 。评论不能删除或者修改么</p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
                <li class="comment odd alt thread-odd thread-alt depth-1 clearfix" id="li-comment-41938">
                    <img alt="" src="https://secure.gravatar.com/avatar/53ee98103aa7d7f7a841fc22af401f5c?s=38&amp;d=wavatar&amp;r=x" srcset="https://secure.gravatar.com/avatar/53ee98103aa7d7f7a841fc22af401f5c?s=76&amp;d=wavatar&amp;r=x 2x" class="avatar avatar-38 photo"
                         height="38" width="38">
                    <div id="comment-41938">
                        <div class="comment-meta">
                            <span class="name">南辰</span> <span class="comment_mete_time">2016/08/08 19:27</span>
                            <span class="comment_meta_edit"><a rel="nofollow" class="comment-reply-link" href="https://yimity.com/guestbook?replytocom=41938#respond" onclick="return addComment.moveForm( &quot;comment-41938&quot;, &quot;41938&quot;, &quot;respond&quot;, &quot;408&quot; )" aria-label="回复给南辰">回复</a><a class="comment-edit-link" href="https://yimity.com/wp-admin/comment.php?action=editcomment&amp;c=41938">编辑</a></span>
                        </div>


                        <div class="text">
                            <p>大王叫我来巡山。</p>
                        </div>
                    </div>
                </li>
                <!-- #comment-## -->
            </ul>

            <!--<nav class="commentnavgation">
                <a class="prev page-numbers" href="https://yimity.com/guestbook/comment-page-10#comments">«</a>
                <a class="page-numbers" href="https://yimity.com/guestbook/comment-page-1#comments">1</a>
                <span class="page-numbers dots">…</span>
                <a class="page-numbers" href="https://yimity.com/guestbook/comment-page-9#comments">9</a>
                <a class="page-numbers" href="https://yimity.com/guestbook/comment-page-10#comments">10</a>
                <span class="page-numbers current">11</span>
            </nav>-->

            <nav class="commentnavgation">
                <ul class="pagination pagination-primary">
                    <li class="page-item active"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item"><a class="page-link" href="#">4</a></li>
                    <li class="page-item"><a class="page-link" href="#">5</a></li>
                </ul>
            </nav>


            <div id="respond">
                <div id="cancel-comment-reply">
                    <small><a rel="nofollow" id="cancel-comment-reply-link" href="/guestbook#respond" style="display:none;">点击这里取消回复。</a></small>
                </div>


                <form action="/wp-comments-post.php" method="post" id="commentform">


                    <p>以 <a href="https://yimity.com/wp-admin/profile.php">一米</a> 登录 <a href="https://yimity.com/wp-login.php?action=logout&amp;redirect_to=https%3A%2F%2Fyimity.com%2Fguestbook&amp;_wpnonce=cd70b97608" title="登出此账户">登出</a></p>


                    <div id="smiley">
                        <ul>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_arrow.gif" alt=":arrow:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_biggrin.gif" alt=":grin:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_confused.gif" alt=":???:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_cool.gif" alt=":cool:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_cry.gif" alt=":cry:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_eek.gif" alt=":shock:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_evil.gif" alt=":evil:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_exclaim.gif" alt=":!:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_idea.gif" alt=":idea:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_lol.gif" alt=":lol:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_mad.gif" alt=":mad:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_mrgreen.gif" alt=":mrgreen:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_neutral.gif" alt=":neutral:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_question.gif" alt=":?:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_razz.gif" alt=":razz:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_redface.gif" alt=":oops:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_rolleyes.gif" alt=":roll:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_sad.gif" alt=":sad:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_smile.gif" alt=":smile:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_surprised.gif" alt=":eek:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_twisted.gif" alt=":twisted:"></li>
                            <li><img src="https://yimity.com/wp-content/themes/Hoar-frost%20falls/images/smilies/icon_wink.gif" alt=":wink:"></li>
                        </ul>
                    </div>
                    <textarea name="comment" id="comment" tabindex="4" ie-placeholder="请输入评论内容" placeholder="请输入评论内容"></textarea>
                    <input name="submit" type="submit" id="submit" tabindex="5" value="提  交">
                    <input type="hidden" name="comment_post_ID" value="408" id="comment_post_ID">
                    <input type="hidden" name="comment_parent" id="comment_parent" value="0">
                </form>

                <div id="loading" style="display: none;"><img src="https://yimity.com/wp-admin/images/loading.gif" style="vertical-align:-2px;" alt=""> 正在提交, 请稍候...</div>
                <div id="error" style="display: none;">#</div>
            </div>

            <script type="text/javascript" src="./assets/scripts/comments.js"></script>

        </div>


    </div>


    <!--  End Modal -->
    <footer class="footer" data-background-color="black">
        <div class="container">
            <nav>
                <ul>
                    <li>
                        <a href="https://www.creative-tim.com">
                            Creative Tim
                        </a>
                    </li>
                    <li>
                        <a href="http://presentation.creative-tim.com">
                            About Us
                        </a>
                    </li>
                    <li>
                        <a href="http://blog.creative-tim.com">
                            Blog
                        </a>
                    </li>
                    <li>
                        <a href="https://github.com/creativetimofficial/now-ui-kit/blob/master/LICENSE.md">
                            MIT License
                        </a>
                    </li>
                </ul>
            </nav>
            <div class="copyright">
                &copy;
                <script>
                    document.write(new Date().getFullYear())
                </script>
                , Designed by
                <a href="http://www.invisionapp.com" target="_blank">Invision</a>. Coded by
                <a href="https://www.creative-tim.com" target="_blank">Creative Tim</a>.
            </div>
        </div>
    </footer>
</div>

</body>

<!--   Core JS Files   -->
<script src="./assets/vendor/assets/js/core/jquery.3.2.1.min.js" type="text/javascript"></script>
<script src="./assets/vendor/assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="./assets/vendor/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<!--  Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="./assets/vendor/assets/js/plugins/bootstrap-switch.js"></script>
<!--  Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
<script src="./assets/vendor/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<!--  Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="./assets/vendor/assets/js/plugins/bootstrap-datepicker.js" type="text/javascript"></script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages etc -->
<script src="./assets/vendor/assets/js/now-ui-kit.js?v=1.1.0" type="text/javascript"></script>
<script src="./assets/scripts/common.js" type="text/javascript"></script>

</html>